
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>机构详情页</title>
		<meta name="viewport" content="initial-scale=1, maximum-scale=1">
		<link rel="shortcut icon" href="/favicon.ico">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="css/sm.min.css">
		<link rel="stylesheet" href="css/sm-extend.min.css">
		<link rel="stylesheet" href="font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/by_m.css" />

	</head>

	<body>
		<!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
		<div class="page-group">
			<!-- 单个page ,第一个.page默认被展示-->
			<div class="page">
				<!-- 标题栏 -->
				<header class="bar bar-nav">
					<a href="agency.html" class="icon iconfont icon-fanhui pull-left"></a>
					<a href="#" class="icon iconfont icon-more pull-right"></a>
					<h1 class="title">机构</h1>
				</header>

				<!-- 工具栏 -->
				<nav class="bar bar-tab">
					<a href="index.html" class="tab-item external" href="#">
						<span class="icon iconfont icon-home"></span>
						<span class="tab-label">首页</span>
					</a>
					<a class="tab-item external" href="demand_list.html">
						<span class="icon iconfont icon-xuqiu"></span>
						<span class="tab-label">发需求</span>
					</a>
					<a class="tab-item external" href="news.html">
						<span class="icon iconfont icon-news"></span>
						<span class="tab-label">资讯</span>
					</a>
					<a class="tab-item external" href="#">
						<span class="icon iconfont icon-kefu"></span>
						<span class="tab-label">客服</span>
					</a>
					<a class="tab-item external" href="#" id="qr-code">
						<span class="icon iconfont icon-code"></span>
						<span class="tab-label">求关注</span>
					</a>
				</nav>

				<!-- 这里是页面内容区 -->
				<div class="content">
					<div class="per-box">
						<div class="share-code">
							<span class="iconfont icon-tiaoxingma"></span> U0E5HK
						</div>
						<div class="share-btns">
							<a href="#">关注</a> |
							<a href="#">私信</a> |
							<a href="#">电话</a>
						</div>
						<div class="avatar-box">
							<img src="temp/3.jpg">
							<h1>杭州秋娱文化创意有限公司</h1>
							<p><i class="jigou-blue">机构</i><i>真</i><i>简</i><i>作品</i><i>保</i></p>
						</div>
					</div>
					<div class="buttons-tab red-tab">
						<a href="#tab1" class="tab-link button active">简单</a>
						<a href="#tab2" class="tab-link button">作品</a>
						<a href="#tab3" class="tab-link button">工作照</a>
						<a href="#tab4" class="tab-link button">发布</a>
					</div>
					<div class="tabs">
						<div id="tab1" class="tab active">
							<div class="card intro">
								新媒体电影、网络剧摄制、发行为一体的影视公司，代表作品：《逆爱》《欲》《事件·空难》等。欢迎合作，及创作者加入我们。 2015重点项目《西游之妖怪别跑》荣登爱奇艺电视剧频道焦点图，重点合作项目
							</div>
							<div class="card demand per-con">
								<div class="card-content">
									<div class="per-title">
										<h1>影视投资</h1>
									</div>
									<div class="card-content-inner">
										<ul>
											<li><span>从业时间</span>
												<div>2年</div>
											</li>
											<li><span>影片类型</span>
												<div>电视剧、电视节目、真人秀节目、纪念片、专题片、网络剧、微电影、MV、企业宣传片</div>
											</li>
											<li><span>工作语言</span>
												<div>普通话、英语</div>
											</li>
											<li><span>价　　格</span>
												<div class="red-color">100-1000元/天</div>
											</li>
										</ul>
									</div>
								</div>
							</div>
</div>
						<div id="tab2" class="tab">
							<div class="card demand per-con">
								<div class="card-content">
									<div class="per-title">
										<h1>《导致人生》</h1>
									</div>
									<div class="card-content-inner">
										<ul>
											<li><span>导　　演</span>
												<div>谷科汇（2015）</div>
											</li>
											<li><span>作品类型</span>
												<div>微电影</div>
											</li>
											<li><span>担任职务</span>
												<div class="director">导演认证<i class="iconfont icon-v"></i></div>
											</li>
											<li><span>视　　频</span>
												<div class="view"><a href="#" class="red-color">点击查看<img src="images/zhan-btn-close.gif"></a></div>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="card demand per-con">
								<div class="card-content">
									<div class="per-title">
										<h1>《导致人生》</h1>
									</div>
									<div class="card-content-inner">
										<ul>
											<li><span>导　　演</span>
												<div>谷科汇（2015）</div>
											</li>
											<li><span>作品类型</span>
												<div>微电影</div>
											</li>
											<li><span>担任职务</span>
												<div class="director">导演认证<i class="iconfont icon-v"></i></div>
											</li>
											<li><span>视　　频</span>
												<div class="view"><a href="#" class="red-color">点击查看<img src="images/zhan-btn-close.gif"></a></div>
											</li>
										</ul>
									</div>
								</div>
							</div>

						</div>
						<div id="tab3" class="tab">
							<div class="card demand per-con">
								<div class="card-content">
									<div class="per-title">
										<h1>工作照片</h1>
									</div>
									<div class="card-content-inner">
										<div class="row per-pic">
											<a href="#" class="col-33"><img src="temp/per1.jpg"></a>
											<a href="#" class="col-33"><img src="temp/per2.jpg"></a>
											<a href="#" class="col-33"><img src="temp/per3.jpg"></a>
											<a href="#" class="col-33"><img src="temp/per4.jpg"></a>
											<a href="#" class="col-33"><img src="temp/per5.jpg"></a>
											<a href="#" class="col-33"><img src="temp/per6.jpg"></a>

										</div>
									</div>
								</div>
							</div>
							<div class="card demand per-con">
								<div class="card-content">
									<div class="per-title">
										<h1>工作视频</h1>
									</div>
									<div class="card-content-inner">
										<div class="row per-pic">
											<a href="#" class="col-33"><span></span><img src="temp/per1.jpg"></a>
											<a href="#" class="col-33"><span></span><img src="temp/per2.jpg"></a>
											<a href="#" class="col-33"><span></span><img src="temp/per3.jpg"></a>
											<a href="#" class="col-33"><span></span><img src="temp/per4.jpg"></a>
											<a href="#" class="col-33"><span></span><img src="temp/per5.jpg"></a>
											<a href="#" class="col-33"><span></span><img src="temp/per6.jpg"></a>

										</div>
									</div>
								</div>
							</div>

						</div>
						<div id="tab4" class="tab">
							<div class="card demand per-con">
								<div class="card-content">
									<div class="per-title">
										<h1>找混音师</h1>
										<span><i class="iconfont icon-time"></i>11月20日</span>
									</div>
									<div class="card-content-inner">
										<ul>
											<li><span>从业时间</span>
												<div>2年</div>
											</li>
											<li><span>影片类型</span>
												<div>企业宣传片</div>
											</li>
											<li><span>工作语言</span>
												<div>普通话、英语</div>
											</li>
											<li><span>价　　格</span>
												<div class="red-color">100-1000元/天</div>
											</li>
											<li class="text">目前我们公司缺少一名牛逼的编导，并不是只聘用一天两天，而是正式入职，底薪6000加提成，工作地点在福田景田南路附近。主要负责企业宣传片、微电</li>
										</ul>
									</div>
								</div>
							</div>

						</div>
					</div>

				</div>
				<div class="qr-code" style="display: none;">
					<img src="images/code.jpg" />
				</div>
			</div>
			<script type='text/javascript' src='js/zepto.min.js' charset='utf-8'></script>
			<script src="js/config.js" type="text/javascript" charset="utf-8"></script>
			<script type='text/javascript' src='js/sm.min.js' charset='utf-8'></script>
			<script type='text/javascript' src='js/sm-extend.min.js' charset='utf-8'></script>
			<script type="text/javascript">
				$(document).ready(function() {
					$("#qr-code").click(function() {
						$(".qr-code").show();
					});
					$(".qr-code").click(function() {
						$(".qr-code").hide();
					});
				});
			</script>
	</body>

</html>